<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>病例征集--患者信息</title>
    <script src="./lib/rem.js"></script>
    <link rel="stylesheet" href="./lib/reset.css">
    <link rel="stylesheet" href="./css/patientInfo.css">
    <!-- 先引入vue -->
    <script src="https://cdn.bootcss.com/vue/2.6.5/vue.js"></script>
    <!-- 引入mintui样式 -->
    <link rel="stylesheet" href="https://unpkg.com/mint-ui/lib/style.css">
    <!-- 引入组件库 -->
    <script src="https://unpkg.com/mint-ui/lib/index.js"></script>
</head>

<body>
    <div id="app">
        <!-- 头部标题  -->
        <div class="title">
            <span></span>
            <p>患者信息</p>
        </div>
        <!--  患者信息内容  -->
        <div class="patientInfo-Cnt">
            <div class="Cnt-title">重症肺炎患者病例信息</div>
            <div class="inputCnt">
                <form action="">
                    <ul>
                        <li> <label for="">住院号/门诊号：</label><input type="text" v-model="AD"></li>
                        <li> <label for="">医院名称：</label><input type="text" v-model="hospitalName"></li>
                        <li> <label for="">科室名称：</label><input type="text" v-model="departmentName"></li>
                        <li>
                            <label for="" style="padding-bottom: 0.2rem;">性别</label>
                            <div><span V-for="(item,index) in sexlist" @click="toggle(index)" :class="{span1:index==num}">{{item.sex}}</span></div>
                        </li>
                        <li><label for="">姓名：</label><input type="text" v-model="name"></li>
                        <li> <label for="">年龄：</label><input type="text" v-model.number="age"></li>
                        <li> <label for="">所在地：</label><input type="text" v-model="city"></li>
                        <li> <a @click="vaild"><input type="button" value="保存下一步"></a></li>
                        <!--  href="diagnosticInfo.html" -->
                    </ul>
                </form>
            </div>
        </div>
    </div>
    <script src="./js/patientInfo.js"></script>
</body>

</html>